<template>
  <div class="content-block-main">
    <div class="title">
      <span>{{ caption }}</span>
    </div>
  </div>
</template>

<script lang="ts">
export default {
  props: {
    caption: String,
    width: Number,
  }
}
</script>


<style lang="scss">
.content-block-main {
  width: 240px;

  .title {
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    border-bottom: 1px solid #fff;

    span {
      line-height: 24px;
      font-size: 20px;
      font-weight: bold;
      color: #fff;
    }
  }

  .content {
    display: flex;
    flex-direction: column;
    // max-height: 680px;
    // overflow-y: scroll;
  }
}
</style>